.wx-category {
    .wx-category-head {
      .category-nav-head {
        background-color: var(--themeColor);
        color: #fff;
        font-size: 0.426667rem;
      }
    }
    .category-content {
      display: flex;
      justify-content: left;
      .category-content-left {
        flex: 1;
        background:#f3f3f3;
        height: calc(100vh - 4.666667rem);
        overflow-y:scroll ;
        .content-left-item{
          height:1.333333rem ;
          line-height:1.333333rem;
          text-align: center;
          font-size: 0.426667rem;
          color:#000000 ;
        }
        .active{
          color: var(--themeColor);
          border-left: 2px solid var(--themeColor);
        }
      }
    
      .category-content-right {
        flex: 3;
        background-color: #ffffff;
        height: calc(100vh - 4.666667rem);
        overflow-y:scroll ;
        .content-right-item {
          .right-item-title {
            height:1.6rem ;
            line-height: 1.6rem;
            text-align: center;
            font-size:0.426667rem ;
            color: #858585;   
          }    
          .right-item-goods {
            display: flex;
            flex-wrap: wrap;
            justify-content: left;
            .right-item-img{
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              width: 33.3333%;
              margin-bottom:0.533333rem;
              img {
                width: 1.6rem;
                height: 1.6rem;
                margin-bottom:0.266667rem;
              }
              span {
                font-size: 0.32rem ;
                color: #000000;
              }
            }
            
          }
        }
      }
    }
  }